<template>
    <div>
        <el-card class="section" shadow="hover">
            <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1373284656,4041338401&fm=26&gp=0.jpg" class="image">
            <div style="padding: 14px;">
                <div class="bottom clearfix">
                    <el-link>{{name}}</el-link>
                </div>
            </div>
        </el-card>
    </div>
</template>

<script>
export default {
    name:"MySection",
    props:['name']
}
</script>

<style lang="scss" scoped>
.section{
    margin: 20px;
    width:140px;
    height: 170px;
    text-align: center;
}
.image{
    width:100px;
}
</style>